<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>v-colck_指令</title>
		<script type="text/javascript" src="../../JS/vue.js"></script>
		<style>
			[v-colck] {
				display: none;
			}
		</style>
	</head>
	<body>
		<!-- 
			v-cloak指令(没有值)
			    1、本质是一个特殊属性，Vue实例创建完毕并接管容器后，会删掉v-cloak属性
				2、使用css配合v-clock可以解决网速慢时页面展示出{{xxx}}的问题
		 -->
		<div id="root">
			<h2 v-colck>{{name}}</h2>
		</div>
		<script>
			Vue.config.productionTip = false //阻止 vue 在启动时产生提示
			const vm = new Vue({
				el: '#root',
				data: {
					name: 'xiaozhang'
				}
			})
		</script>
	</body>
</html>
